<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>Parallel Coordinates</title>
    <link rel="stylesheet" type="text/css" href="PC_Style.css.css">

    <script src="d3.js" ></script>
    <script src="d3.min.js" ></script>
    <script src="angular.min.js"></script>
    <script src="PC%20source.js"></script>
    <script src="GeoLib2.js"></script>
    <script src="Interaction.js"></script>
</head>

<body bgcolor="#f5f5f5">

<center>
    <div id="container" style="width:1068px">
        <div id="header" style="background-color:#3797ff;">
            <h1 style="margin-bottom:0;">
                <center>
                    <font color = "black">
                        <p> Parallel Coordinates  </p>
                    </font>
                </center>
            </h1>
        </div>
</center>

<div ng-app="Parallel-Coordinates"  >
    <div id="header2" style="background-color:#cbcbcb;">
    <p>
    <label for="nHeight"
           style="display: inline-block; width: 240px; text-align: right">
        <font color="#ff7f50" font-size="150%">
        <b>height = </b><span id="nHeight-value">…</span>
            </font>
    </label>
    <input type="range" min="1" max="500" id="nHeight">
    </p>

    <p>
        <label for="nWidth"
               style="display: inline-block; width: 240px; text-align: right">
            <font color="#ff7f50" font-size="20px">
            <b>width = </b> <span id="nWidth-value">…</span>
                </font>
        </label>
        <input type="range" min="1" max="1100" id="nWidth">
    </p>
        </div>
    <div ng-contoller="Ctrl">
            <pc  ng-init="colors=2"></pc>
    </div>
</div>

</body>
</html>